<!doctype html>

<html>

<head>

<meta charset="utf-8">

<style>
#h33{
	color:red;
	}
#h33:hover{
	color:blue;
	}
#h33:hover #xfk{
	width: 100px;
	height: 100px;
	border: 1px solid blue;
	zoom: 1;
}
#xfk{
	width: 0px;

	height: 0px;

	overflow: hidden;

	position: relative;

	top: 10px;

	left: 10px;
	zoom: 1;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;
	}





</style>
</head>
<body>

<div id="h33" style=" width: 50px; height: 50px; border: 1px solid red; margin: 200px auto;">
<h3 class="h333">hah</h3>
<div id="xfk"> hah </div>
 </div>

</body>
</html>